﻿	 //查询表单
    	 $('#searchForm').form().show();
	// 请求服务器获取数据的方法
	var getPerData = function(page, rowNum, sortname, sortorder) { // 请求服务器获取数据的方法
    	$("#dbbase_jqGrid").jqGrid("getGridParam","rowNum");
    	$("#dbbase_jqGrid").jqGrid("setGridParam",{page:page});
    	rowNum = rowNum || $("#dbbase_jqGrid").jqGrid("getGridParam","rowNum");
        page = $("#dbbase_jqGrid").jqGrid("getGridParam","page");
        start = (page-1)*rowNum;
        start = start<0?0:start;
        
        queryParam =  $('#searchForm').form('value');//序列化表格内容为字符串
        fish.extend(queryParam,{page: JSON.stringify($("#dbbase_jqGrid").jqGrid("getGridParam","page")),
                limit : rowNum,
                start : start});
        $.ajax({
            url: webRoot+'/common/dbbaseinfo/queryRecordByPageDbInfo.do',
            async : true,
            type : 'POST',
            data :queryParam
        }).done(function(serverData, textStatus, jqXHR) {
            var data = eval("(" + jqXHR.responseText + ")");
            //jQuery("#user_jqGrid").jqGrid("reloadData",jqXHR.responseText);
            jQuery("#dbbase_jqGrid").jqGrid("reloadData",data);
            //jQuery("#user_jqGrid").jqGrid("reloadData",serverData);
            return false;
            //return serverData;
            
        }).fail(function() {
            toastr.error("网络连接失败", "失败");
        }).always(function() {
        	$.unblockUI(); 
        });
        return false;
    };
    //默认加载
    var getPerData2 = function(page, sortname, sortorder) {
	    _.delay(function(){
	        var result = getPerData(page, sortname, sortorder);
	        jQuery("#dbbase_jqGrid").jqGrid("reloadData",result);
	    }, 100);
	    $.blockUI({message : "数据载入中,请稍候..."});
    	return false;
	};
	    
	$(document).ready(function() {
	//查询按钮
	   $('#searchBtn').click(function(e) {
//    	if($('#searchForm').isValid()){
        var result = getPerData(1);
        $.blockUI({message : "数据载入中,请稍候..."});
//        jQuery("#user_jqGrid").jqGrid('reloadData',result);
//    	}
    });
	var dbbase_opt = {
		datatype: "json",
		colModel:[
					{name:'dbBaseId',label:'数据库Id',sortable:false,align:'center'}, //,hidden: true
					{name:'dbName',label:'数据库名称',width:300,sortable:false,align:'center'},
					{name:'dbCategory',label:'数据库类型',width:150,sortable:false,align:'center'},
					{name:'dbHostIp',label:'数据库IP',width:150,sortable:false,title:false,align:'center'},
					{name:'dbHostPort',label:'数据库端口',width:100,sortable:false,title:false,align:'center'},
					{name:'dbLinkName',label:'数据库实例',width:250,sortable:false,align:'center'},
					{name:'dbUserName',label:'用户',width:500,sortable:false,align:'center'}
				],
		rowNum : 10,
		rowList : [5,10,20],
		recordtext:'第{0}~{1}条/共{2}条',
    	pgtext:'第{0}页/共{1}页',
		pginput: false,//是否显示输入框
//    	viewrecords: false,//是否显示记录描述
		pager: true,
		height:'auto',
		scrollOffset:0,
		server: true,
	    jsonReader : {
            root: "resultList",// json中代表实际模型数据的入口  
            page: "page",//当前页
            total: "totalPages",// json中代表页码总数的数据  
            records: "totalRecords",//总记录数
            repeatitems: false,// 如果设为false，则jqGrid在解析json时，会根据name来搜索对应的数据元素（即可以json中元素可以不按顺序）；而所使用的name是来自于colModel中的name设定。
            cell: "cell",
            id: "dbBaseId"
        },
	    pageData: getPerData ,//同步场景直接用getPerData,通过 jQuery("#jqGrid01").jqGrid("reloadData",getPerData(1));加载数据;异步场景用getPerData2
		forceFit:true  //当为ture时,调整列宽度不会改变表格的宽度
	};
	$dbbase_grid = $("#dbbase_jqGrid").grid(dbbase_opt);
    getPerData2(1);//默认加载第一页数据
    
});

